@charset "UTF-8";
body {
  width: 7.2rem;
  background: #4dd0c8;
  color: #fff;
}

.loginLogo {
  padding-top: 0.9rem;
  text-align: center;
}

.loginLogo img {
  width: 1.54rem;
  height: auto;
}

.loginLogo p {
  padding: 0.2rem 0 0.65rem;
  font-size: 0.34rem;
}

.form .userName {
  width: 6.4rem;
  height: 1rem;
  background: #74dad4;
  margin: 0 auto;
  color: #fff;
  margin-bottom: 0.42rem;
}

.form .icon {
  text-align: center;
  width: 1.11rem;
  height: 1.1rem;
}

.form .icon img {
  margin-top: 0.33rem;
  width: 0.36rem;
  height: auto;
}

.form input {
  width: 5.29rem;
  height: 1rem;
  background: #74dad4;
  border: none;
  color: #fff;
  font-size: 0.34rem;
  line-height: 1rem;
  padding-left: 0.3rem;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #fff;
}

.nextBtn {
  display: block;
  width: 6.4rem;
  height: 0.99rem;
  background: #fff;
  color: #4dd0c8;
  font-size: 0.4rem;
  border: none;
  border-radius: 0.05rem;
  margin: 0.12rem auto;
}
.form .msg {
  width: 6.4rem;
  background: none;
}
.msg input {
  display: block;
  width: 3.6rem;
}
.msgButton {
  width: 2.2rem;
  height: 1rem;
  background: #fff;
  line-height: 1rem;
  border: none;
  color: #74dad4;
  border-radius: 0.1rem;
}
.hrefLogin a {
  display: block;
  margin-top: 0.6rem;
  font-size: 0.3rem;
  color: #fff;
  text-align: center;
}
.pop {
  display: none;
}
.shadow {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
}
.picContainer {
  position: absolute;
  width: 6.5rem;
  height: 3.74rem;
  left: 50%;
  top: 50%;
  margin-top: -3rem;
  margin-left: -3.5rem;
  z-index: 20;
  border-radius: 0.1rem;
  background: #fff;
}
.pop p {
  color: #4dd0c8;
  font-size: 0.32rem;
  text-align: center;
  line-height: 1rem;
}
.picMsg {
  width: 4.95rem;
  margin: 0 auto;
  border: 0.02rem solid #ccc;
}
.pop .picInput {
  width: 2.5rem;
  height: 1rem;
  line-height: 1rem;
  background: #fff;
  border: none;
  color: #ccc;
}
.pop .picInput::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
}
.closeIcon {
  position: absolute;
  right: 0.3rem;
  top: 0.2rem;
  width: 0.45rem;
  height: auto;
}
.picImg {
  width: 2.25rem;
  height: 1rem;
}
.confirmBtn {
  display: block;
  width: 4.95rem;
  margin: 0.7rem auto 0.3rem;
  color: #fff;
  background: #74dad4;
  border: none;
  height: 0.7rem;
  line-height: 0.7rem;
  border-radius: 0.1rem;
}
.tips {
  color: #f00;
  line-height: 0.4rem;
  font-size: 0.24rem;
  margin: 0.2rem 0 0 0.8rem;
  position: absolute;
  top: 2rem;
  left: 0;
}
